<ui:composition template="/modulos/index/template/default.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets">

    <ui:define name="body" oncontextmenu="return false">
   	<h:form id="frmList" ajaxSubmit="false">
   		<p:growl id="msgSystem" showDetail="false" life="7000" escape="true"/>  
  		<p:toolbar>  
	    	<p:toolbarGroup align="left">
	    		<p:spacer width="6px"/>
	    		
	    		<p:outputLabel for="txtAnn" value="Año  " style="position:relative;  top:-4px;"/>
	    		<p:selectOneMenu id="txtAnn" value="#{asistenciaJustificacion.annio}" style="position:relative;  top:2px; width:120px">
                    <f:selectItem itemLabel="#{constante.OPTION_SELECT}" 	itemValue="-1" />  
           	        <f:selectItem itemLabel="2013"  itemValue="2013" />
           	        <f:selectItem itemLabel="2014" 	itemValue="2014" />
           	        <f:selectItem itemLabel="2015" 	itemValue="2015" />
           	        <f:selectItem itemLabel="2016" 	itemValue="2016" />
           	        <f:selectItem itemLabel="2017" 	itemValue="2017" /> 
           	        <p:ajax event="change" update=":frmList" listener="#{asistenciaJustificacion.selectAnnio}"/>       
       	       	</p:selectOneMenu>
       	       	
       	       	<p:outputLabel for="txtPrc" value="     Proceso  " style="position:relative;  top:-4px;"/>
		   		<p:selectOneMenu id="txtPrc" value="#{asistenciaJustificacion.proceso}" style="position:relative;  top:3px; width:120px">
		   			<f:selectItem itemLabel="#{constante.OPTION_SELECT}" 	itemValue="-1" />
					<f:selectItems value="#{asistenciaJustificacion.procesoList}"/>
					<p:ajax event="change" update=":frmList" listener="#{asistenciaJustificacion.defaultList}"/>
				</p:selectOneMenu>
				
				<p:outputLabel for="txtDoc" value="     Docente  " style="position:relative;  top:-4px;"/>
		   		<p:selectOneMenu id="txtDoc" value="#{asistenciaJustificacion.docente}" style="position:relative;  top:3px; width:250px">
					<f:selectItems value="#{asistenciaJustificacion.docenteList}"/>
					<p:ajax event="change" update=":frmList" listener="#{asistenciaJustificacion.defaultList}"/>
				</p:selectOneMenu>
				
				<p:spacer width="6px"/>
			</p:toolbarGroup>  
  		</p:toolbar>    		
      	<p:spacer height="4px"/>
  
   		<p:dataTable id="itemList" var="item" value="#{asistenciaJustificacion.beanList}"
   			emptyMessage="#{constante.LIST_EMPTY}" resizableColumns="true"  paginatorPosition="bottom" >
     		
							
			<p:column headerText="Profesión" style="width:16%; align:center;" >   
				<h:outputText value="#{item.nombreProfesion}" title="#{item.nombreProfesion}"/>
			</p:column>
			
			<p:column headerText="Turno" style="width:5%; align:center;" >   
				<h:outputText value="#{item.nombreTurno}"/>
			</p:column>
				
			<p:column headerText="Módulo" style="width:5%; align:center;" >   
				<h:outputText value="MP#{item.valorModulo}" title="MÓDULO PROFESIONAL: #{item.nombreModulo}" rendered="#{item.valorTipoModulo eq 1}"/>
				<h:outputText value="MT" title="MÓDULO TRANSVERSAL: #{item.nombreModulo}" rendered="#{item.valorTipoModulo eq 2}"/>
			</p:column>		
			
			<p:column headerText="Unidad Didáctica" style="width:23%; align:center;" >   
				<h:outputText value="#{item.nombreUnidad} (Horas: #{item.valorHoras})" title="UNIDAD DIDACTICA: #{item.nombreUnidad} "/>
			</p:column>
			
			<p:column headerText="Sección" style="width:5%; align:center;" >   
				<h:outputText value="#{item.nombre}"/>
			</p:column>	
			
			<p:column headerText="Ambiente" style="width:10%; align:center;" >   
				<h:outputText value="#{item.nombreAmbiente}"/>
			</p:column>	
			
			<p:column headerText="Fecha" style="width:6%; align:center;">
				<h:outputText value="#{item.fecha}">
					<f:convertDateTime pattern="dd/MM/yyyy"/>
				</h:outputText>
			</p:column>
			
			<p:column headerText="Opciones" style="width:5%">
				<p:commandButton icon="icn_item_update" 	title="Registrar Justificación" 	action="#{asistenciaJustificacion.optionGoJustificacion}" ajax="false">
					<f:setPropertyActionListener value="#{item}" target="#{asistenciaJustificacion.beanSelected}" />
				</p:commandButton> 
			</p:column>     
		</p:dataTable>
		
		
	</h:form>
	
   		
    </ui:define>
</ui:composition>